<template>
    <div class="nav">
        <div class="nav_nei">
                <div><a href="/">首页</a></div>
                <div>
                </div>
                <div class="nei_xiang">
                    <div>
                        <a href="/article">文章</a>
                    </div>
                    <div>
                        <a href="/passing">经历</a>
                    </div>
                    <div>
                        <a href="/project">项目</a>
                    </div>
                    <div>
                        <a href="/me">关于我</a>
                    </div>
                </div>
                <div>
                    <a href="/login">登录</a>
                </div>
        </div>
    </div>
</template>
<script>
export default {
    name:"topNav"
}
</script>
<style scoped>
a{
    color: white;
    text-decoration: none;
}
.nav{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(190, 102, 231, 0.5);
}
.nav_nei{
    width: 1170px;
    max-width: 1170px;
    font-size: 18px;
    margin: 0 auto;
    display: flex;
    padding: 0 10px;
    justify-content: space-between;
}
.nav_nei>div{
    padding: 10px 0;
}
.nav_nei .nei_xiang{
    display: flex;
    
}
.nav_nei .nei_xiang>div{
    margin: 0 10px;
}
</style>